<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
    <link rel="stylesheet/less" href="./css/index.less">
    <link rel="stylesheet" href="./css/swiper.min.css">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">Tour</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="Dropdown.html">Dropdown</a></li>
                    <li><a href="Services.html">Services</a></li>
                    <li><a href="Contact.html">Contact Us</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <div class="home cont">
        <div class="one row">
            <div class="col-lg-7">
                <h1 class="col-lg-4">
                    <span>Let's Enjoy Your</span>
                    <span>Trip In Paris</span>
                </h1>
                <form class="col-lg-8">
                    <div class="top row">
                        <div class="col-lg-4 col-md-6 form-cont">
                            <select name id class="form-control">
                                <option value="">Destination</option>
                                <option value="">Peru</option>
                                <option value="">Japan</option>
                                <option value="">Thailand</option>
                                <option value="">Brazil</option>
                            </select>
                        </div>
                        <div class="col-lg-4 col-md-6 form-cont">
                            <input type="date" name="daterange" class="form-control">
                        </div>
                        <div class="col-lg-4 col-md-6 form-cont">
                            <input type="text" name="taste" class="form-control" placeholder="你的兴趣">
                        </div>
                    </div>
                    <div class="bottom row">
                        <div class="col-lg-4 col-md-6 form-cont">
                            <input type="button" value="Searh">
                        </div>
                        <div class="col-lg-8 col-md-6 form-cont">
                            <input type="reset" id class name="reset" value="重新选择">
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-5"><img src="./image/hero-slider-1.jpg" alt=""></div>
        </div>


    </div>

    <div class="services text-center">
        <h2 class="head">Our Services</h2>
        <p class="body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there
            live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large
            language ocean.</p>
        <div class="row">
            <div class="left col-lg-4 col-md-5 col-sm-5"><img src="./image/hero-slider-1.jpg" alt=""></div>
            <div class="right col-lg-8 col-md-7 col-sm-7">

                <div class="item">
                    <div class="house"><img src="./image/hero-slider-2.jpg" alt=""></div>
                    <div class="title">Beautiful Condo</div>
                    <div class="body">Even the all-powerfull Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="item">
                    <div class="house"><img src="./image/hero-slider-1.jpg" alt=""></div>
                    <div class="title">Easy to Connect</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="item">
                    <div class="house"><img src="./image/hero-slider-3.jpg" alt=""></div>
                    <div class="title">Restaurants & Cafe</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="item">
                    <div class="house"><img src="./image/hero-slider-4.jpg" alt=""></div>
                    <div class="title">24/7 Support</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
            </div>

        </div>
        <div class="tracels">
            <div class="item">
                <div class="num">9313</div>
                <div class="No">No.of Travels</div>
            </div>
            <div class="item">
                <div class="num">8492</div>
                <div class="No">No.of Clients</div>
            </div>
            <div class="item">
                <div class="num">100</div>
                <div class="No">No.of Employees</div>
            </div>
            <div class="item">
                <div class="num">120</div>
                <div class="No">No.of Countries</div>
            </div>
        </div>
    </div>

    <div class="testimonials">
        <div class="text-center">
            <h2 class="head">Testimonials</h2>
            <div class="people"></div>
            <div class="container">
                <div class="swiper-container testimonials-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="ppHead"><img src="./image/person_2.jpg" alt=""></div>
                            <div class="ppName">Adam Aderson</div>
                            <div class="ppjj">“There live the blind texts. Separated they live in Bookmarksgrove right
                                at the coast of the Semantics, a large language ocean.”</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ppHead"><img src="./image/person_3.jpg" alt=""></div>
                            <div class="ppName">Lukas Devlin</div>
                            <div class="ppjj">“There live the blind texts. Separated they live in Bookmarksgrove right
                                at the coast of the Semantics, a large language ocean.”</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="ppHead"><img src="./image/person_4.jpg" alt=""></div>
                            <div class="ppName">Kayla Bryant</div>
                            <p class="ppjj">“There live the blind texts. Separated they live in Bookmarksgrove right at
                                the coast of the Semantics, a large language ocean.”</p>
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination testimonials-pagination"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="special">
        <div class="text-center">
            <h2 class="head">Special Offers & Discounts</h2>
            <p class="body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                there
                live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large
                language ocean.</p>
            <div class="city">
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-2.jpg" alt=""></div>
                    <div class="cityAddress">ltaly</div>
                    <div class="cityName">Rialto Mountains</div>
                    <div class="cityPrice">$520.00</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-3.jpg" alt=""></div>
                    <div class="cityAddress">ltaly</div>
                    <div class="cityName">Rialto Mountains</div>
                    <div class="cityPrice">$520.00</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-4.jpg" alt=""></div>
                    <div class="cityAddress">ltaly</div>
                    <div class="cityName">Rialto Mountains</div>
                    <div class="cityPrice">$520.00</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-5.jpg" alt=""></div>
                    <div class="cityAddress">ltaly</div>
                    <div class="cityName">Rialto Mountains</div>
                    <div class="cityPrice">$520.00</div>
                </div>
            </div>
        </div>
    </div>

    <div class="cta-section">
        <div class="text-center">
            <div class="US-now">Lets you Explore the Best. Contact Us Now</div>
            <div class="excepturi">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, fugit?</div>
            <div class="GetTouch">Get in touch</div>
        </div>
    </div>

    <div class="foot">
        <div class="text-center">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="Tour">About Tour</div>
                    <div class="Far">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                    <div class="icon">
                        <img src="./image/推特(twitter)_爱给网_aigei_com.png" alt="">
                        <img src="./image/脸谱网(facebook)_爱给网_aigei_com.png" alt="">
                        <img src="./image/照相机_爱给网_aigei_com.png" alt="">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Pages</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Resources</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="item">Contact</div>
                    <div class="hunhe yx">mail@example.com</div>
                    <div class="hunhe dh">+1 222 212 3819</div>
                    <div class="hunhe dz">43 Raymouth Rd. Baltemoer,London 3910</div>
                </div>
            </div>
            <div class="innerDark">Copyright ©2023. All Rights Reserved. — Designed with love by Untree.co</div>
        </div>
    </div>
</body>

</html>


<script src="./js/jquery-1.12.4.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less-4.1.3.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script>
    var mySwiper = new Swiper('.testimonials-swiper', {
        loop: true,

        // 如果需要分页器
        pagination: '.testimonials-pagination'
    })        
</script>